﻿@using TouristGuide.Helpers
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Tourist Guide - @ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>
</head>
<body>
    <div id="bgImage">
    </div>
    <div id="site">
        <div id="motto">
            <img src="../../Content/images/theLogo5.png" style="position: absolute;" />
            <div style="float: right;">
                <img src="../../Content/images/KheMg.png" />
            </div>
            <div style="position:absolute; left:300px;top:20px;">
                <form method="get" action="http://www.bing.com/search">
                    <input type="hidden" name="cp" value="CODE PAGE USED BY YOUR HTML PAGE" />
                    <input type="hidden" name="FORM" value="FREESS" />
                    
                                <input type="text" name="q" size="25" />
                                <input type="submit" value="Search Site" />
                                <input type="hidden" name="q1" value="site:http://pm.studentlive.pl" />
                    </form>
            </div>
        </div>
        <header>
            <div class="countryObject" id="btnStart">
                <div id="navigationCursor" style="position: absolute; bottom: 10px; right: 10px;">
                    <img src="/content/images/arrow.png" style="width: 50px; height: 50px;">
                </div>
                <span class="objectTitle">Start</span>
            </div>
            <div class="countryObject" id="btnMap">
                <span class="objectTitle">Map</span>
            </div>
            <div class="countryObject" id="btnCountries">
                <span class="objectTitle">Countries</span>
            </div>
            <div class="countryObject" id="btnCities">
                <span class="objectTitle">Cities and Regions</span>
            </div>
            <div class="countryObject" id="btnAttractions">
                <span class="objectTitle">Attractions</span>
            </div>
            <div class="countryObject" id="btnMobile">
                <span class="objectTitle">Mobile app</span>
            </div>
            @*<nav>
                <ul id="menu">
				    <li class="home"></li>
				    <li>@Html.ActionLink("Countries", "Index", "Country")</li>
				    <li>@Html.ActionLink("Cities and Regions", "Index", "Place")</li>
                    <li>@Html.ActionLink("Attractions", "Index", "Attraction")</li>
                    <li>@Html.ActionLink("Mobile app", "Mobile", "Home")</li>
				    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                </ul>
			</nav>*@
        </header>
        <section id="content">
            <div id="wrapper">
                <div id="main">
                    <div id="posts">
                        <h2>@ViewBag.Title</h2>
                        <div id="render">@RenderBody()</div>
                    </div>
                </div>
                <div id="sidebar">
                    
                    <div id="logInTile">
                    
                        @{Html.RenderAction("LogOnFast", "Account");}
                    </div>
                </div>
            </div>
        </section>
        <footer>
            <nav id="bottom_menu">
				
					@Html.ActionLink("Home", "Index", "Home")
				   | @Html.ActionLink("Tourist attractions", "Index", "Attractions")
				    | @Html.ActionLink("Map", "Map", "Home")
                   | @Html.ActionLink("Mobile app", "Mobile", "Home")
				    | @Html.ActionLink("Contact", "Contact", "Home")
					
			</nav>
            <div style="text-align: center;">
                Copyright &copy; All rights reserved.
            </div>
        </footer>
    </div>
</body>
</html>
<script type="text/javascript">

    $("#btnStart").click(function () {
        window.location = "/home";
    });

    $("#btnCountries").click(function () {
        window.location = "/Country";
    });

    $("#btnCities").click(function () {
        window.location = "/Place";
    });

    $("#btnAttractions").click(function () {
        window.location = "/Attraction";
    });

    $("#btnMobile").click(function () {
        window.location = "/home/Mobile";
    });


    $("#btnMap").click(function () {
        window.location = "/home/Map";
    });





    ////////////////////////////////////////////////////
    // var dlugoscTekstu;
    // var licznik;
    // var div = null;
    // var tekst = "";
    // var czas1 = 100;
    // var czas2 = 200;
    // function start(id, tekst, czas1, czas2) {
    //     div = document.getElementById(id);
    //     if (!div || !tekst) return;
    //     window.czas1 = isNan(czas1 = parseInt(czas1)) ? 100 : czas1;
    //     window.czas2 = isNan(czas2 = parseInt(czas2)) ? 200 : czas2;
    //     dlugoscTekstu = tekst.length;
    //     licznik = 0;
    //     window.tekst = tekst;
    //     pisz();
    // }

    // function pisz() {
    //     if (!div) return;
    //     div.innerHTML += tekst.charAt(licznik);
    //     if (++licznik >= dlugoscTekstu)
    //         return;
    //     else {
    //         var timeout = Math.floor((czas2 - czas1 - 1) * Math.random()) + czas1;
    //         setTimeout("pisz();", timeout);
    //     }
    // }

 

</script>
